﻿@page "/contextmenu"

<RadzenText TextStyle="TextStyle.H2" TagName="TagName.H1" class="rz-pt-8">
    ContextMenu
</RadzenText>
<RadzenText TextStyle="TextStyle.Subtitle1" class="rz-pb-4">
    Demonstration and configuration of the Radzen Blazor <strong>ContextMenu</strong> component.
</RadzenText>

<HelpPrerequirements />

<RadzenText TextStyle="TextStyle.Subtitle1" class="rz-pb-4">
    Use <code>ContextMenuService</code> to open and close context menus.
</RadzenText>

<RadzenText TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-8 rz-mb-6">
    Show ContextMenu with items
</RadzenText>
<RadzenExample ComponentName="ContextMenu" Example="ContextMenuDefault">
    <ContextMenuDefault />
</RadzenExample>

<RadzenText TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-12 rz-mb-6">
    Show ContextMenu with custom content and separator
</RadzenText>
<RadzenExample ComponentName="ContextMenu" Example="ContextMenuCustomContent">
    <ContextMenuCustomContent />
</RadzenExample>

<RadzenText TextStyle="TextStyle.H5" TagName="TagName.H2" class="rz-pt-12 rz-mb-6">
    Show ContextMenu for HTML element
</RadzenText>
<RadzenExample ComponentName="ContextMenu" Example="ContextMenuHTMLElement">
    <ContextMenuHTMLElement />
</RadzenExample>